<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>播放记录</title>
    <link rel="stylesheet" href="/index/css/common.css?v=6">
    <link rel="stylesheet" href="/index/css/page.css?v=3">
    <script type="text/javascript" src="/index/js/jquery-3.4.1.min.js"></script>
    <script type="text/javascript" src="/index/js/common.js?v=4"></script>

    <style>
        .record{
            width:95%;
            margin:10px auto;
            padding-left:10px;
        }

        .record-item{
            width:100%;
            padding:10px 0;
            border-bottom: 1px solid #eee;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        .info-l{
            width:26%;
            display: inline-block;
        }

        .info-r{
            padding-left:10px;
            box-sizing: border-box;
            width:70%;
            display: inline-block;
        }

        .info-r a{
            padding:5px 15px;
            background: #333333;
            color:#fff;
            border-radius: 5px;
            display: inline-block;
            margin:10px 0;
        }

        .info-title{
            font-size:16px;
        }

        .info-time{
            color:#8a8a8a;
            font-size:15px;
        }
    </style>
</head>
<body>
<div class="tabsBox">
    <div class="topTab">
        <div class="tabLeft" ><img src="/index/assets/left.png" ></div>
        <div class="tabCenter">播放记录</div>
        <div class="tabRight"></div>
    </div>
</div>

<div class="record">

    {foreach $list as $item}
    <div class="record-item">

            <div class="info-l">
                <img src="{$oss_path}{$item.image}" alt="">
            </div>

            <div class="info-r">
                <p class="info-title">{$item.movie_name}</p>
                <p class="info-time">观看至  {if($item['all_time']==0)}0{else/}{:ceil($item['play_time']/$item['all_time']*100)}{/if}%</p>
                {if $item.section_id}
                <a href="{:url('movie/play',['sid'=>$item.section_id])}">继续观看</a>

                {else/}
                <a href="{:url('movie/play',['id'=>$item.movie_id])}">继续观看</a>

                {/if}
            </div>

    </div>
    {/foreach}
</div>

{$list|raw}


<div class="clear-float"></div>

{include file='common/menu'}

</body>
</html>
